<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户组权限控制</title>
</head>
<body>
<form class="" role="form" style="padding: 15px">
    <div class="form-group col-xs-6">
        <label for="userGroupNameAuthority" class="col-xs-3 control-label">权限名</label>
        <div class="col-xs-9">
            <input type="text" disabled="disabled" class="form-control" id="userGroupNameAuthority">
        </div>
    </div>
    <div class="form-group col-xs-6">
        <label for="userGroupDesAuthority" class="col-xs-3 control-label">描述</label>
        <div class="col-xs-9">
            <input type="text" disabled="disabled" class="form-control" id="userGroupDesAuthority">
        </div>
    </div>
</form>

<table class="table table-bordered">
    <!--data-url="http://192.168.100.158:8080/pharma/api/v1/users/get/user/1"-->
    <!--data-pagination="true"-->
    <tr >
        <td class="col-sm-5 col-md-5 col-lg-5">
            <div class="bootstrap-table table"  >
                <div class="table-responsive">
                    <table id="AuthorityLeft" data-toggle="table"
                           data-click-to-select="true"
                           data-row-style="rowStyle"
                           data-cell-style="cellStyle"

                           data-height="300"
                           data-unique-id="id"
                           data-striped="true" style="overflow-y: scroll">
                        <thead>
                        <tr>
                            <th data-field="id" data-visible="false">id</th>
                            <th data-field="state" data-checkbox="true"></th>
                            <th data-field="name">权限名</th>
                            <th data-field="description">描述</th>
                        </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </td>

        <td class="col-sm-2 col-md-2 col-lg-2" style="vertical-align: middle">
            <button class="btn btn-primary btn-large btn-block" type="button" id="btnMoveIn" onclick="MoveInGroupAuthority()">--></button>
            <button class="btn btn-info btn-large btn-block" type="button" id="btnMoveOut" onclick="MoveOutGroupAuthority()"><---</button>
        </td>

        <!--data-url="http://192.168.100.158:8080/pharma/api/v1/userGroups/get/users/1"-->
        <!--data-pagination="true"-->
        <td class="col-sm-5 col-md-5 col-lg-5">
            <div class="bootstrap-table table" >
                <div class="table-responsive">
                    <table id="AuthorityRight" data-toggle="table"
                           data-click-to-select="true"
                           data-row-style="rowStyle"
                           data-cell-style="cellStyle"
                           data-height="300"
                           data-unique-id="id"
                           data-striped="true"  style="overflow-y: scroll">
                        <thead>
                        <tr>
                            <th data-field="id" data-visible="false">id</th>
                            <th data-field="state" data-checkbox="true"></th>
                            <th data-field="name">权限名</th>
                            <th data-field="description">描述</th>
                        </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </td>
    </tr>

</table>
<br>
<div style="text-align: center">
    <div class="btn-group btn-group-lg" >
        <button id="btnGroupAuthorityEditSave" class="btn btn-info" type="button" onclick="btnGroupAuthorityEditSave()">确定</button>
        <button id="btnGroupAuthorityEditCancel" class="btn btn-info" type="button" onclick="btnGroupAuthorityEditCancel()">关闭</button>
    </div>
</div>


<script src="../../webjar/bootstrap-table/bootstrap-table.js"></script>

</body>
</html>